<!-- 净资金曲线图  -->
<script setup>

</script>

<template>
 <el-main>
  <h6>净资金曲线图</h6>

  <div class="card flex">
   <el-empty content="暂无数据">
    <template #default><el-button type="primary">刷新</el-button></template>
   </el-empty>
  </div>
 </el-main>
</template>

<style scoped lang="scss">
.el-main {
 display: flex;
 flex-direction: column;
 padding: 20px;
 height: 100%;
 border-right: 1px solid $card_border_color;

 h6 {
  padding-left: 20px;
  margin-bottom: 20px;
  position: relative;
  @include Font((size: 20px, color: $white, weight: bold));

  &:before {
   content: '';
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   width: 3px;
   height: 60%;
   background-color: $white;
  }
 }
}

.card {
 height: 1%;
 flex: 1 1 auto;
 flex-direction: column;
 align-items: center;
 justify-content: center;
}

.el-button {
 width: 100px;
}
</style>